<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <title>确认提交订单 - VANCL 凡客诚品</title>
        <link rel="stylesheet" type="text/css" href="__STATIC__/hdjs/hdjs.css"/>
        <link rel="stylesheet" type="text/css" href="__STATIC__/index/css/myCart1.css" />
        <script type="text/javascript" src="__STATIC__/js/jquery-1.8.2.min.js"></script>
        <script type="text/javascript">
            var getAreaSon = "{|U:'getAreaSon'}";
            var delUrl = "{|U:'Index/Order/del'}";
            var addRess = "{|U:'Index/Order/addRess'}";
            var sonRess = "{|U:'Index/Order/get_ress'}";
        </script> 
        <script type="text/javascript" src="__STATIC__/index/js/order.js"></script>
    </head>
    
<body>
    <div class="box">
        <!--顶部帮助中心-->
        <div class="header">
            <a href="" class="logo"><img src="./images/myCart1/vancl-logo.png" alt="" /></a>
            <!--右侧-->
            <div class="right">
                <ul class="headerMiddle">
                    <!--如果用户已经登录就显示-->
                    <if value="$hd.session.uname!==NULL">
                        <li>您好,
                            <a href="" class="name">
                                {$hd.session.uname}
                            </a>
                        </li>
                        <li class="myVancl1"><a href="{|U:'Login/out'}">退出登陆</a><span class="shu">|</span><a href="{|U:'Index/Login/index'}">更换用户</a></li>
                    <else/>
                        <li>您好,欢迎光临凡客诚品！</li>
                        <li class="myVancl"><a href="{|U:'Login/index'}">登陆</a><span class="shu">|</span><a href="{|U:'Register/index'}">注册</a></li>
                    </if>    
                </ul>
                <p class="bz">帮助中心</p>
            </div>
            <!--右侧结束-->
        </div>
        <!--顶部帮助中心结束-->
            
        <!--核对信息-->
        <div class="checkInfo">
            <span>1.我的购物车</span>
            <em>2.填写核对信息单</em>
            <span>3.成功提交订单</span>
        </div>
        <!--核对信息结束-->
        <span class="blank10"></span>
        <!--中间部分--> 
        <form id="OrderForm" action="{|U:'addOrder'}" method="post">
        <div id="content">
            <span class="blank10"></span>
            <h3>收货地址:</h3>
            <span class="blank10"></span>
            <div class="insertAddr" style="display:block;"><!--送货地址-->
                <!--显示地址开始-->
                <div class="showAddress">
                    <p class="keyi">可使用的地址  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:;"style="text-decoration: none;float: right;margin-right: 30px;">[添加新地址]</a></p>
                    <foreach from="$addData" key="$k" value="$v">
                        <div class="wall">
                            <input type="radio" value="{$v.addid}" name="check" class="radio"  checked="checked"/>
                            <p class="ress">
                                <span>{$v.address}</span>
                                <span>（{$v.consignee}&nbsp;&nbsp;收)</span>
                                <span> {$v.mobile}</span>
                            </p>
                            <div class="edit">
                                <!--<a href="javascript:;" class="hd-btn hd-btn-primary hd-btn-xm btnEdit">编辑</a>-->
                                <a href="javascript:;" class="hd-btn hd-btn-danger hd-btn-xm btnDel">删除</a>
                                <a href="javascript:;" class="hd-btn hd-btn-success hd-btn-xm btnDel">确认</a>
                            </div>
                        </div>
                    </foreach>
                </div>
                <!--显示地址结束-->
                <!--添加地址-->
                <div class="addForm" style="display: none;">
                    	<ul>
                    	    <li class="keyi"><p>添加新地址<a href="javascript:;" class="closeAddress" style="float: right;margin-right:30px;text-decoration: none;">[关闭]</a></p></li>
                    		<li><!--收货人-->
                    		    <div><span>*</span> 收  货  人:&nbsp;</div>
                    		    <div >
                    		        <input type="text" name="consignee" id="addressee" placeholder="请准确填写真实姓名" />
                    		    </div>
                    		</li><!--收货人结束-->
                    		<li><!--地区-->
                    		    <div><span>*</span> 地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区:</div>
                    		    <div class="AddInfo" >
                                    <select class="address" name="province"  style="width:200px;height: 25px; float: left;">
                                        <option>请选择省/直辖市</option>
                                        <foreach from="$addressData" key="$k" value="$v">
                                            <option value="{$v.area_id}">{$v.area_name}</option>
                                        </foreach>
                                    </select>
                                    <select class="address" name="city" style="width:200px;height: 25px;float: left;"></select>
                                    <select class="address" name="county" style="width:200px;height: 25px;float: left;"></select>
                                </div>
                    		</li><!--地区结束-->
                    		<li><!--详细地址-->
                    		    <div><span>*</span> 详细地址:</div>
                    		    <div>
                    		    	<input id="" class="" name="address" maxlength="80" placeholder="请填写详细路名及门牌号" value="" type="text" style="width:310px;">
                    		    	<p class="error">请选择县/区</p><!--错误提示-->
                    		    </div>
                    		</li><!--详细地址结束-->
                    		<li><!--邮政编码-->
                    		    <div><span>*</span> 邮政编码:</div>
                    		    <div >
                    		    	<input placeholder="请填写正确的邮政编码" id="postal-code" name="zipCode" class="" value="" maxlength="6" type="number" style="width:160px;">
                    		    	<p class="error"></p><!--错误提示-->
                    		    </div>
                    		</li><!--邮政编码结束-->
                    		<li><!--手机和座机-->
                                <div><span>*</span>&nbsp;手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机:</div>
                                <div>
                                    <input id="" class="" name="mobile" maxlength="" placeholder="手机" value="" type="tel" style="width:160px;">
                                    <p class="error">请填写正确的手机号码</p><!--错误提示-->
                                </div>
                            </li><!--手机和座机结束-->
                            <li><input class="save_new_addr" type="button" value=""/></li>
                    	</ul>                    	
                </div>
                <!--添加地址结束-->
            </div><!--送货地址结束-->
            <span class="blank20"></span>
            <div class="deliveryArea"><!--配送方式 delivery:配送-->
                <h3>配送方式：</h3>
                <span class="side-error"><a href="javascript:;">[请重新编辑配送方式]</a></span>
                <span class="blank15"></span>
                <div class="delivery"><!--配送录入框 delivery:配送-->
                		<ul>
                			<li><h4>送货时间：</h4></li>
                			<li>	
                			    <foreach from="$deliveryData" key="$k" value="$v">
                                    <div>
                                        <input name="delid" value="{$v.auid}" type="radio">
                                        <label for="delid">{$v.auname}</label>
                                    </div>
                                </foreach>
                            </li>
                			<li class="save_delivery"><input type="button" value=""/></li>
                			<li class="save_delivery">
                			    <em>声明：</em>
                                <div>
                                    <p>
                                    1.&nbsp;送货时间：早 8:30至 晚7:30</p>
                                    2.&nbsp;我们会努力按照您选择的时间进行配送，但因天气、交通等因素影响，您的订单有可能会有延误现象，请您谅解！
                                </div>
                			</li>
                		</ul>
                </div><!--配送录入框结束 delivery:配送-->  
            </div><!--配送方式结束-->
            
            <span class="blank15"></span>
            
            <div id="payArea"><!--支付方式-->
            	<h3 class="pay-title">支付方式：</h3>
                <span class="side-error"><a href="javascript:;">[请重新编辑支付方式]</a></span>
                <span class="blank15"></span>
                <div class="pay">
                    	<h4>请选择支付方式</h4>
                    	    <div class="cash_on"> 
                        	    <foreach from="$palData" key="$k" value="$v">
                                    <input name="payid" value="{$v.auid}" type="radio">
                                    <label>{$v.auname}</label>  
                                </foreach>
                            </div>
                    	<input class="save-pay" name="" value="" type="button">    	
                </div>
            </div><!--支付方式结束-->
            <span class="blank20"></span>
        <!--中间部分结束-->
        
        <!--单品信息-->
        <div id="orderInfo">
            <span class="blank15"></span>    
            <h3>
                <span>商品清单</span>
                <a href="">回到购物车，修改产品>></a>
            </h3>
            <span class="blank15"></span>
            <h5 class="order_list_head">订单1</h5>
            <span class="blank10"></span>
            <div class="order_list">
                <div class="order_list_shop">
                                                        店铺:
                    <span>
                        <a href="">VANCL 凡客诚品旗舰店</a>
                    </span>
                </div>
                <table>
                    <thead>
                        <tr>
                            <th>商品名称</th>
                            <th>尺码</th>
                            <th>单价</th>
                            <th>数量</th>
                            <th>优惠</th>
                            <th>小计</th>
                        </tr>
                    </thead>
                    <tbody>
                        <foreach from="$CartData" key="$k" value="$v">
                            <tr>
                                <td class="name"><a target="_blank" href="">{$v.name}</a></td>
                                <td class="size">{$v.options}</td>
                                <td class="price">￥{$v.price}</td>
                                <td class="qty">{$v.num}</td>
                                <td class="preferential"><div class="discount-cx">-</div></td>
                                <td class="sub_total">￥{$v.total}.00</td>
                                
                            </tr>
                        </foreach>
                    </tbody>
                </table>
            <div class="order_amount">
                                             商品金额小计:<span>￥{$totalPrice}.00</span> &nbsp;&nbsp;+&nbsp;&nbsp;运费:<span>￥0.00</span>
                &nbsp;&nbsp;=&nbsp;&nbsp;应付:<em>￥{$totalPrice}.00</em>
            </div>
        </div>
        <ul class="all_amount">
                <li><em>您共需要为订单支付：<label id="">￥{$totalPrice}.00</label></em></li>
        </ul>
        <div id="orderSubmit">
            <input type="submit" value="提交订单"/>
        </div>
        </form>
        <!--单品信息结束-->
        <!--底部-->
        <div class="footer">
            <p>Copyright 2007 - 2015 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11010102000579号 出版物经营许可证新出发京批字第直110138号</p>
            <p class="ectrustprc">
                <a href="">
                    <img src="__STATIC__/index/images/myCart1/cx.png" alt="" />
                </a>
                <span><img src="__STATIC__/index/images/myCart1/cert-costumeorg.jpg" alt="" /></span>
                <a href="" class="pic03"><img src="__STATIC__/index/images/myCart1/cert-wsjybzzx.png" alt="" /></a>
            </p>
        </div>
        <!--底部结束-->
    </div>
</body>
</html>
